import { NavLink } from "react-router";

import { useThemeToken } from "@/theme/hooks";

import { Iconify } from "../icon";
import { useConfig } from "@/contexts/ConfigContext";
interface Props {
	size?: number | string;
}
function Logo({ size = 50 }: Props) {
	const { colorPrimary } = useThemeToken();
	const { config } = useConfig();
	return (
		<NavLink to="/">
			{config?.website_logo && (
				<img src={config.website_logo} alt="logo" className="w-8 h-8" />
			)}
		</NavLink>
	);
}

export default Logo;
